<div class="{{prefixCls}}-handler-wrap" *ngIf="apesShowBtn">
   <span unselectable="unselectable"
         class="apes-input-number-handler apes-input-number-handler-up"
         (mousedown)="up($event)"
         (mouseup)="stop()"
         (mouseleave)="stop()"
         [class.apes-input-number-handler-up-disabled]="disabledUp">
    <i apes-icon apesType="up" class="apes-input-number-handler-up-inner"></i>
  </span>
  <span unselectable="unselectable"
        class="apes-input-number-handler apes-input-number-handler-down"
        (mousedown)="down($event)"
        (mouseup)="stop()"
        (mouseleave)="stop()"
        [class.apes-input-number-handler-down-disabled]="disabledDown">
    <i apes-icon apesType="down" class="apes-input-number-handler-down-inner"></i>
  </span>
</div>
<div class="{{prefixCls}}-input-wrap">
  <input #inputElement
         autocomplete="off"
         class="apes-input-number-input"
         [attr.id]="apesId"
         [disabled]="apesDisabled"
         [attr.min]="apesMin"
         [attr.max]="apesMax"
         [placeholder]="apesPlaceHolder"
         [attr.step]="apesStep"
         (keydown)="onKeyDown($event)"
         (keyup)="onKeyUp()"
         [ngModel]="displayValue"
         (ngModelChange)="onModelChange($event)">
</div>
